<!--
表单标签：

    用表单标签实现服务器的交互，表单是让用户输入信息的重要途径

    分成两个部分：
        表单域：包含表单元素的区域.重点是 form 标签
        表单控件：输入框，提交按钮等.重点是 input 标签
-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action=""></form>      <!-- 填写服务器的地址 -->

    <!-- 可以通过对 type 进行相应的取值，来控制 input 类型 -->
    <!-- 以下进行了单行输入  文本框-->
    <form action="https://www.baidu.com">
        姓名<input type="text">
    </form>

    <!-- type 属性 password -->
    <form action="">
        密码<input type="password">
    </form>

    <!-- type 属性 单选框-->
    <form action="">
        性别<input type="radio" name="gender">男
        <input type="radio" name="gender" checked="checked">女  <!-- 默认选择女 -->
    </form>

    <!-- 复选框 -->
    <form action="">
        <input type="checkbox">吃饭
        <input type="checkbox">睡觉
        <input type="checkbox">玩游戏
    </form>

    <!-- 按钮 -->
    <form action="">
        <input type="button" value="这是一个点击按钮" onclick="alert('hello')">
    </form>

    <!-- 提交按钮 -->
    <form action="">
        <form action="https://www.baidu.com">
            课程：<input type="text" name="course">
            <input type="submit" name="submit">   <!-- 提交按钮-->
            <input type="reset" name="清空">    <!-- 清空重置按钮 -->
            <input type="file">                 <!-- 提交文件 -->
        </form>
    </form>
</body>
</html>